<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>电影介绍-郫县电影</title>
	<link rel="short icon"  href="/photo/head.png"/>
	<style>
		/*伪类选择器*/
		.city-container:hover>div.city-list{
			display: block;
			background-color: block;
		}
		.header .nav .navbar li a:hover {
		    color: #ef4238;
		}
		.header .user-info .user-avatar:hover {
		    border-color: #d8d8d8;
		}
		.header .user-info .user-avatar:hover .caret {
		    -webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		    transform: rotate(180deg);
		}
		.city-container:hover .caret {
		    -webkit-transform: rotate(180deg);
		    -ms-transform: rotate(180deg);
		    transform: rotate(180deg);
		}
		.header .user-info .user-avatar:hover .user-menu {
		    display: block;
		}
		.city-container .city-list ul li div a:hover {
		    background-color: #ef4238;
		    color: #fff;
		}
		.header .user-info .user-menu li>a:hover {
		    color: #ef4238;
		    text-decoration: underline;
		}
		.footer .friendly-links a:hover {
		    text-decoration: underline;
		}
		.clearfix:after {
		    clear: both;
		}
		/*.score-btn:checked>#comment-form-container  {
			display: block;
			opacity: 1;
		}*/


		/*伪类组合选择器*/
		a:focus, div:focus, input:focus {
		    outline: none;
		}
		a:active, a:hover {
		    outline-width: 0;
		}
		.clearfix:after, .clearfix:before {
		    content: " ";
		    display: table;
		}

		/*组合选择器*/
		.header form, .header h3, .header input, .header li, .header ul {
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    border: none;
		}
		ul, ul li {
		    list-style: none;
		}
		dd, dl, dt, h1, h2, h3, h4, h5, h6, li, p, ul {
		    margin: 0;
		    padding: 0;
		}
		.footer p, .footer p a {
		    color: #666;
		}
		.celeInfo-left .avatar-shadow, .cinema-left .avatar-shadow {
		    position: relative;
		    margin: 0 30px;
		    width: 240px;
		    height: 330px;
		    padding-bottom: 40px;
		    background: url() no-repeat bottom;
		}
		.banner li, .banner p, .banner ul {
		    margin: 0;
		    padding: 0;
		    list-style: none;
		    line-height: 1;
		}
		.jBox-wrapper, .jBox-wrapper * {
		    -webkit-box-sizing: border-box;
		    box-sizing: border-box;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		}
		.jBox-Confirm .jBox-container, .jBox-Modal .jBox-container {
		    border-radius: 3px;
		    box-shadow: 0 3px 15px rgba(0,0,0,.4), 0 0 5px rgba(0,0,0,.4);
		}
		.jBox-container, .jBox-content, .jBox-title {
		    position: relative;
		    word-break: break-word;
		}
		#comment-form .score-msg-container .no-score, #comment-form .score-msg-container .score, #comment-form .score-msg-container .score-message {
		    color: #ffc600;
		    text-align: center;
		}

		/*标签选择器*/
		html {
		    font-family: sans-serif;
		    -ms-text-size-adjust: 100%;
		    -webkit-text-size-adjust: 100%;
		}
		body {
		    font-family: Microsoft YaHei,Helvetica,Arial,sans-serif;
		    background-color: #fff;
		    -webkit-font-smoothing: subpixel-antialiased;
		    margin: 0;
		}
		a {
		    background-color: transparent;
		    -webkit-text-decoration-skip: objects;
		    text-decoration: none;
		}
		img {
		    border-style: none;
		}
		button, input {
		    overflow: visible;
		}
		button, input, select, textarea {
		    font: inherit;
		    margin: 0;
		}
		ul {
		    list-style: none;
		    padding-left: 0;
		    margin: 0;
		}

		/*类选择器*/
		.header{
			position: fixed;
			top: 0;
			z-index: 999;
		    width: 100%;
		    min-width: 1200px;
		    background-color: #fff;
		    border-bottom: 1px solid #d8d8d8;
		}
		.header-inner{
			width: 1200px;
		    margin: 0 auto;
		    height: 80px;
		}
		.header .logo {
		    float: left;
		    width: 133px;
		    height: 80px;
		    background: url(…mAM7EgqAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) no-repeat 0;
		    background-size: contain;
		}
		.city-container {
		    position: relative;
		    float: left;
		    margin: 0 8px;
		    height: 100%;
		}
		.city-container .city-selected {
		    cursor: pointer;
		    height: 100%;
		    padding: 0 10px;
		    border: 1px solid transparent;
		    border-width: 0 1px;
		    z-index: 101;
		}
		.city-container .city-name {
		    display: inline-block;
		    margin-top: 32px;
		    color: #333;
		}
		.caret {
		    display: inline-block;
		    width: 0;
		    height: 0;
		    margin-left: 2px;
		    vertical-align: middle;
		    border-top: 5px solid #666;
		    border-right: 5px solid transparent;
		    border-left: 5px solid transparent;
		    -webkit-transition: all .2s ease;
		    transition: all .2s ease;
		}
		.city-container .city-list {
		    background-color: #fff;
		    border: 1px solid #d8d8d8;
		    position: absolute;
		    z-index: 100;
		    width: 478px;
		    height: 330px;
		    overflow-y: scroll;
		    left: 0;
		    top: 80px;
		    display: none;
		}
		.city-container .city-list .city-list-header {
		    padding-left: 20px;
		    line-height: 58px;
		    border-bottom: 1px solid #e5e5e5;
		    margin-bottom: 10px;
		}
		.city-container .city-list .city-list-header a {
		    cursor: pointer;
		}
		.city-container .city-list ul li {
		    line-height: 30px;
		}
		.city-container .city-list ul li span {
		    margin-left: 20px;
		    width: 20px;
		    text-align: center;
		    float: left;
		    vertical-align: top;
		    display: block;
		    background-color: #eee;
		    font-weight: 700;
		    line-height: 20px;
		    margin-top: 5px;
		}
		.city-container .city-list ul li div {
		    margin-left: 40px;
		    display: block;
		    margin-bottom: 10px;
		}
		.city-container .city-list ul li div a {
		    display: inline-block;
		    line-height: 24px;
		    margin-top: 3px;
		    padding: 0 5px;
		    text-align: center;
		    cursor: pointer;
		}
		.header .nav {
		    display: inline-block;
		    background-color: #fff;
		    overflow: hidden;
		    float: left;
		    width: 490px;
		    height: 80px;
		}
		.header .nav .navbar li {
		    float: left;
		    width: 110px;
		    height: 80px;
		}
		.header .nav .navbar li a {
		    text-align: center;
		    display: inline-block;
		    height: 80px;
		    line-height: 80px;
		    width: 110px;
		    font-size: 18px;
		    color: #333;
		}
		.header .nav .navbar li a.active {
		    color: #fff;
		    background-color: #ef4238;
		}
		.header .user-info {
		    float: right;
		    position: relative;
		    z-index: 9999;
		    height: 100%;
		}
		.header .user-info .user-avatar {
		    display: block;
		    border: 1px solid transparent;
		    border-top: none;
		    border-bottom: none;
		    padding: 0 10px;
		    width: 56px;
		    height: 100%;
		}
		.header .user-info .user-avatar img {
		    margin-top: 20px;
		    width: 40px;
		    height: 40px;
		    border-radius: 50%;
		    cursor: pointer;
		}
		.caret {
		    display: inline-block;
		    width: 0;
		    height: 0;
		    margin-left: 2px;
		    vertical-align: middle;
		    border-top: 5px solid #666;
		    border-right: 5px solid transparent;
		    border-left: 5px solid transparent;
		    -webkit-transition: all .2s ease;
		    transition: all .2s ease;
		}
		.header .user-info .user-avatar .caret {
		    position: absolute;
		    top: 39px;
		    right: 10px;
		}
		.header .user-info .user-menu {
		    display: none;
		    position: absolute;
		    right: 0;
		    top: 80px;
		    border: 1px solid #d8d8d8;
		    background-color: #fff;
		    font-size: 14px;
		    color: #333;
		    text-align: right;
		    padding: 15px 26px 5px;
		    text-align: center;
		}
		.header .user-info .user-menu li {
		    margin-bottom: 6px;
		}
		.header .user-info .user-menu li>a {
		    color: #999;
		    display: block;
		    word-break: keep-all;
		    white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		}
		.header form {
		    float: right;
		    margin: 20px 10px 0 0;
		    position: relative;
		}
		.header form .search {
		    display: inline-block;
		    height: 40px;
		    line-height: 1.2;
		    width: 220px;
		    padding: 0 40px 0 20px;
		    border: 1px solid #ccc;
		    font-size: 14px;
		    border-radius: 30px;
		    background-color: #faf8fa;
		    overflow: hidden;
		    color: #333;
		}
		.header form input {
		    -webkit-box-sizing: border-box;
		    box-sizing: border-box;
		}
		.header form .submit {
		    display: inline-block;
		    position: absolute;
		    left: 180px;
		    top: 0;
		    height: 40px;
		    width: 40px;
		    background-color: #ef4238;
		    border-radius: 30px;
		    background-image: url(photo/MaoYaoShouYe/16pic_2081134_b.jpg);
		    cursor: pointer;
		}
		.footer {
		    background-color: #262426;
		    padding: 56px 0;
		    margin: 0 auto;
		    min-width: 1200px;
		    visibility: hidden;
		    position: relative;
		    top: 81px;
		}
		.footer p {
		    margin: 0;
		    padding: 0;
		    text-align: center;
		    font-size: 14px;
		    line-height: 20px;
		}
		.footer .friendly-links a {
		    color: #ef4238;
		}
		.friendly-links span {
		    display: inline-block;
		    border-left: 1px solid #444;
		    margin: 0 7px;
		    height: 12px;
		    position: relative;
		    top: 1px;
		}
		.banner {
		    width: 100%;
		    min-width: 1200px;
		    background: #392f59 url(banner_bg.f7fd103….png) no-repeat 50%;
		}
		.banner .wrapper {
		    width: 1200px;
		    margin: 81PX auto;
		    height: 376px;
		}
		.banner .wrapper .celeInfo-left {
		    width: 300px;
		    float: left;
		    position: relative;
		    top: 70px;
		    overflow: hidden;
		    z-index: 9;
		}
		.celeInfo-left .avatar-shadow .avatar {
		    border: 4px solid #fff;
		    height: 322px;
		    width: 232px;
		}
		.movie-ver {
		    position: absolute;
		    top: 4px;
		    left: -2px;
		    font-size: 12px;
		    color: #fff;
		}
		.banner .wrapper .celeInfo-right {
		    position: relative;
		    margin-right: 30px;
		    margin-left: 300px;
		    margin-top: 70px;
		}
		.movie-brief-container {
		    position: absolute;
		    color: #fff;
		    font-size: 14px;
		    z-index: 1;
		}
		.movie-brief-container .name {
		    width: 900px;
		    margin-top: 0;
		    font-size: 26px;
		    line-height: 32px;
		    font-weight: 700;
		    margin-bottom: 0;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		    max-height: 64px;
		}
		.movie-brief-container .ename {
		    width: 340px;
		    font-size: 18px;
		    line-height: 1.3;
		    margin-bottom: 14px;
		}
		.ellipsis {
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		}
		.movie-brief-container ul {
		    width: 250px;
		    list-style: none;
		    padding-left: 0;
		    margin-bottom: 20px;
		}
		.movie-brief-container ul li {
		    margin: 12px 0;
		    line-height: 100%;
		}
		.ellipsis {
		    text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		}
		.action-buyBtn {
		    position: absolute;
		    bottom: 20px;
		}
		.action-buyBtn .action a {
		    cursor: pointer;
		    float: left;
		    display: block;
		    width: 120px;
		    height: 25px;
		    background-color: #756189;
		    margin-right: 10px;
		    padding-top: 11px;
		    text-align: center;
		    font-size: 14px;
		    line-height: 16px;
		    color: #fff;
		    border-radius: 2px;
		}
		.action-buyBtn .action .wish i.wish-icon {
		    background: url(…gbi+ZsbGpxGQDC7kia3XGpYySQG/Og9CRcChgpzc4AAQYAYXrq/jrniJEAAAAASUVORK5CYII=);
		}
		.action-buyBtn .action i.icon {
		    display: inline-block;
		    vertical-align: middle;
		    margin-top: -2px;
		    margin-right: 2px;
		    width: 16px;
		    height: 16px;
		}
		.action-buyBtn .action .score-btn i.score-btn-icon {
		    background: url(…NUINYEYnVcBnyEZqDPQDwTGlgwcAKI9wJxFRDfRzYAIMAAYsNIs6fSEWgAAAAASUVORK5CYII=);
		}
		.action-buyBtn .btn.buy {
		    margin-top: 10px;
		    width: 250px;
		    height: 40px;
		    font-size: 16px;
		    line-height: 40px;
		    text-align: center;
		    border-radius: 2px;
		    padding: 0;
		}
		.btn {
		    display: inline-block;
		    padding: 2px 15px;
		    line-height: 25px;
		    font-size: 15px;
		    color: #fff;
		    background-color: #df2d2d;
		}
		.movie-stats-container {
		    position: absolute;
		    top: 158px;
		    left: 342px;
		}
		.movie-stats-container .movie-index {
		    margin-bottom: 16px;
		    color: #fff;
		}
		.movie-stats-container .movie-index .movie-index-title {
		    font-size: 12px;
		    margin-bottom: 8px;
		}
		.movie-stats-container .movie-index .movie-index-content {
		    overflow: hidden;
		}
		.movie-stats-container .movie-index .movie-index-content .index-left {
		    float: left;
		}
		.movie-stats-container .movie-index .movie-index-content .info-num {
		    font-size: 30px;
		    color: #ffc600;
		    height: 30px;
		    line-height: 30px;
		}
		.stonefont {
		    font-family: stonefont;
		}
		.movie-stats-container .movie-index .movie-index-content .index-right {
		    margin-left: 54px;
		    font-size: 12px;
		}
		.movie-stats-container .movie-index .movie-index-content .star-wrapper {
		    width: 60px;
		    height: 12px;
		    position: relative;
		    background-image: url(…6S4us6l62wa1DjEHrgZ5YkNs34vsMTQ76UYYU+5hG2ilE8ABzT5mRcPmFIAAAAAElFTkSuQmCC);
		    background-repeat: repeat-x;
		    margin-bottom: 4px;
		}
		.movie-stats-container .movie-index .movie-index-content .star-wrapper .star-on {
		    height: 12px;
		    background-image: url(…GBeWo1evyLA4NhLXzhjvtuSh2vpvPhFgjvceVPzm1B/wEemoKi/w27MQAAAABJRU5ErkJggg==);
		    background-repeat: repeat-x;
		}
		.movie-stats-container .movie-index .box .stonefont {
		    font-size: 30px;
		}
		.movie-stats-container .movie-index .box .unit {
		    font-size: 12px;
		    padding-left: 4px;
		}
		#comment-form-container {
		    border-color: #b2b2b2;
		    border: 10px solid rgba(0,0,0,.3);
		    display: block; opacity: 0;
		}
		.jBox-wrapper {
		    text-align: left;
		}
		#comment-form-container .jBox-container {
		    -webkit-box-shadow: none!important;
		    box-shadow: none!important;
		}
		.jBox-container {
		    background: #fff;
		}
		.jBox-content {
		    padding: 8px 10px;
		    overflow: auto;
		    -webkit-transition: opacity .15s;
		    transition: opacity .15s;
		}
		#comment-form-container .jBox-content {
		    overflow: hidden;
		}
		.jBox-Modal .jBox-content {
		    padding: 12px 15px;
		}
		#comment-form {
		    padding-top: 28px;
		}
		#comment-form-container .close {
		    cursor: pointer;
		    position: absolute;
		    top: -44px;
		    right: -44px;
		    width: 88px;
		    height: 88px;
		    border-radius: 50%;
		    background: rgba(0,0,0,.3);
		    padding-top: 34px;
		    padding-right: 34px;
		    text-align: center;
		    line-height: 44px;
		    font-size: 32px;
		    color: #fff;
		}
		#comment-form .score-msg-container {
		    height: 90px;
		}
		#comment-form .score-msg-container .score {
		    display: none;
		    margin-bottom: 10px;
		}
		#comment-form .score-msg-container .score span.num {
		    font-size: 36px;
		}
		#comment-form .score-msg-container .score-message {
		    display: none;
		    margin-bottom: 15px;
		}
		#comment-form .score-msg-container .no-score {
		    padding-top: 50px;
		    margin-bottom: 15px;
		}
		#comment-form .score-star-contaienr {
		    margin-bottom: 40px;
		}
		#comment-form .score-star {
		    height: 30px;
		    width: 170px;
		    margin: auto;
		}
		.score-star li {
		    float: left;
		    height: 16px;
		}
		#comment-form .content-container {
		    position: relative;
		    width: 488px;
		    height: 158px;
		    margin: 0 15px 20px;
		    border: 1px solid #d8d8d8;
		    border-radius: 4px;
		    padding: 10px 10px 30px;
		}#comment-form .content-container textarea {
		    width: 100%;
		    height: 100%;
		    border: none;
		    resize: none;
		}
		#comment-form .content-container .word-count-info {
		    position: absolute;
		    right: 10px;
		    bottom: 10px;
		    color: #999;
		}
		.btn {
		    display: inline-block;
		    padding: 2px 15px;
		    line-height: 25px;
		    font-size: 15px;
		    color: #fff;
		    background-color: #df2d2d;
		}
		#comment-form .btn {
		    cursor: pointer;
		    float: right;
		    margin-right: 15px;
		    width: 90px;
		    height: 40px;
		    border: none;
		    border-radius: 4px;
		    font-size: 16px;
		    line-height: 16px;
		}
		.btn.disabled {
		    opacity: .2;
		    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		    cursor: not-allowed!important;
		}.main-content-container {
		    margin-top: 80px;
		}
		.main-content-container>div.main-content {
		    width: 730px;
		    margin-left: 81px;
		    float: left;
		}
		.tab-container .tab-title-container {
		    border-bottom: 2px solid #eee;
		    color: #ef4238;
		    border-bottom-color: #ef4238;
		}
		.tab-container .tab-title-container .tab-title {
		    cursor: pointer;
		    float: left;
		    margin-right: 30px;
		    margin-bottom: -2px;
		    padding-bottom: 10px;
		    font-size: 18px;
		    color: #333;
		    line-height: 100%;
		    border-bottom: 2px solid transparent;
		}
		.tab-desc {
		    margin-top: 40px;
		}
		.module {
		    position: relative;
		    margin-bottom: 60px;
		}
		.module .mod-title h3 {
		    display: inline-block;
		    margin: 0;
		    padding: 0;
		    font-weight: 400;
		    font-size: 18px;
		    color: #333;
		    line-height: 18px;
		}
		.module .mod-content {
		    margin-top: 20px;
		    color: #333;
		}
		.tab-desc .dra {
		    font-size: 14px;
		    line-height: 26px;
		}
		.module {
		    position: relative;
		    margin-bottom: 60px;
		}
		.module .mod-title h3 {
		    display: inline-block;
		    margin: 0;
		    padding: 0;
		    font-weight: 400;
		    font-size: 18px;
		    color: #333;
		    line-height: 18px;
		}
		.module .mod-content {
		    margin-top: 20px;
		    color: #333;
		}
		.comment-entry {
		    cursor: pointer;
		    position: absolute;
		    top: -10px;
		    right: 0;
		    display: block;
		    height: 30px;
		    padding: 0 10px;
		    border-radius: 15px;
		    border: 1px solid #ef4238;
		    text-align: center;
		    font-size: 14px;
		    line-height: 30px;
		    color: #ef4238;
		}
		.comment-container {
		    margin-top: 20px;
		}
		.comment-container .portrait-container {
		    margin-right: 20px;
		    float: left;
		    position: relative;
		    width: 50px;
		    height: 50px;
		}
		.comment-container .portrait {
		    border-radius: 50%;
		    overflow: hidden;
		    width: 50px;
		    height: 50px;
		}
		.comment-container .portrait img {
		    width: 50px;
		}
		.main-content-container>div.related {
		    margin-left: 900px;
		    width: 400px;
		}
		.comment-container .main {
		    margin-left: 70px;
		}
		.comment-container .main-header {
		    position: relative;
		    font-size: 16px;
		    height: 55px;
		}
		.comment-container .comment-content {
		    margin-top: 20px;
		    padding-bottom: 30px;
		    border-bottom: 1px solid #e5e5e5;
		    color: #666;
		    line-height: 26px;
		    font-size: 14px;
		}
		.comment-container .main-header .user {
		    margin-top: 2px;
		}
		.comment-container .main-header .name {
		    vertical-align: middle;
		    color: #333;
		}
		.comment-container .main-header .tag {
		    display: inline-block;
		    width: 14px;
		    height: 14px;
		    border: 1px solid #7cc6f9;
		    border-radius: 2px;
		    color: #7cc6f9;
		    font-size: 12px;
		    line-height: 14px;
		    text-align: center;
		}
		.comment-container .main-header .time {
		    margin-top: 4px;
		    color: #999;
		}
		.comment-container .main-header .score-star {
		    display: inline-block;
		}
		.score-star li {
		    float: left;
		    height: 16px;
		}
		.score-star .half-star.left.active {
		    background: url(…5s4QAD0kDMicS/C8R3kBW8BOJnQPwIiPuBeCsQfwUIMABVxxXpJG/8rwAAAABJRU5ErkJggg==);
		}
		.score-star .half-star.left {
		    margin-left: 2px;
		    background: url(…S82MIBBqSBmBOJfxeI7yAreAnEz4D4ERD3A/FWIP4KEGAANbIW0z4JS2IAAAAASUVORK5CYII=);
		}
		.score-star .half-star {
		    display: inline-block;
		    width: 8px;
		    height: 16px;
		}
		.score-star .half-star.right.active {
		    background: url(…6HTwFIjBeZAzLuPpoiOWQFbkCsB8RRQHwB5HKYA0EAIMAAP48ajiQz/YcAAAAASUVORK5CYII=);
		}
		.score-star .half-star.right {
		    margin-right: 2px;
		    background: url(…wOnwKQGC8yB2TcfTRFcsgK3IBYD4ijgPgCyOUwB4IAQIABAEpaHGK0VhMOAAAAAElFTkSuQmCC);
		}
		.comment-container .approve {
		    position: absolute;
		    top: 20px;
		    right: 0;
		}
		.comment-container .approve .approve-icon {
		    cursor: pointer;
		    margin-top: -6px;
		    margin-right: 8px;
		    vertical-align: middle;
		}
		.comment-container .approve .num {
		    font-size: 14px;
		    color: #999;
		}


				
		/*type*/

		[type=search] {
		    -webkit-appearance: textfield;
		    outline-offset: -2px;
		}
		[type=reset], [type=submit], button, html [type=button] {
		    -webkit-appearance: button;
		}
	</style>
	<link rel="stylesheet" href="/js/layui/css/layui.css">
</head>
<body>
	
	<script src="/js/layui/layui.all.js"></script>
	
	<div class="header">
	  <div class="header-inner">
	        <a href="/" class="logo" data-act="icon-click"></a>
			<div class="city-container" data-val="{currentcityid:59 }">
				<div class="city-selected">
					<div class="city-name">
					  成都
					  <span class="caret"></span>
					</div>
				</div>
				<div class="city-list" data-val="{ localcityid: 59 }">
					<div class="city-list-header">
						定位城市：
						<a class="js-geo-city">成都</a>
					</div>
				</div>
			</div>
			
			<div class="nav">
				<ul class="navbar">
					<li>
						<a href="/home" data-act="home-click"  >首页</a>
					</li>
					<li>
						<a href="/filmBeShowing" data-act="movies-click" >电影</a>
					</li>
					<li>
						<a href="/cinemas" data-act="cinemas-click" >影院</a>
					</li>
				</ul>
			</div>

			<div class="user-info">
				<div class="user-avatar J-login">
					<img src="https://p0.meituan.net/movie/7dd82a16316ab32c8359debdb04396ef2897.png">
					<span class="caret"></span>
					<c:choose>
						<c:when test="${sessionScope.cur_user == null }">
							<ul class="user-menu">
								<li><a  href="/login">登录</a></li>
							</ul>							
						</c:when>
						<c:otherwise>
							<ul class="user-menu">
								<li><a  href="/logoff">注销</a></li>
								<li><a  href="/user_update">个人信息</a></li>
							</ul>		
						</c:otherwise>
					</c:choose>
				</div>
			</div>

			<form action="/findfilms_byname" target="_blank" class="search-form" data-actform="search-click">
				<input name="name" class="search" type="search" maxlength="32" placeholder="找影视剧、影人、影院" autocomplete="off">
				<input class="submit" type="submit" value="">
			</form>
	  </div>
	</div>
	<div class="header-placeholder"></div>
	<div class="banner">
	    <div class="wrapper clearfix">
	      	<div class="celeInfo-left">
	        	<div class="avatar-shadow">
	          		<img class="avatar" src="${requestScope.cur_film.getCover()}">
	            	<div class="movie-ver"></div>
	        	</div>
	      	</div>
	      	<div class="celeInfo-right clearfix">
	            <div class="movie-brief-container">
		      		<h3 class="name">${requestScope.cur_film.getFilmName() }</h3>
		      	
		      		<ul>
		        		<li class="ellipsis">${requestScope.cur_film.getType() }</li>
		        		<li class="ellipsis">
		        		${requestScope.cur_film.getCountry() }
		          		/ ${requestScope.cur_film.getFilmLength() }分钟
		        		</li>
		        		<li class="ellipsis">${requestScope.cur_film.getDate() }大陆上映</li>
		      		</ul>
	    		</div>
	    		<div class="action-buyBtn">
	      			<div class="action clearfix" data-val="{movieid:1212}">
	      				<c:choose>
							<c:when test="${requestScope.wantsee == 0 }">
			        			<a href="/wantsee/${requestScope.cur_film.movieId}" data-wish="false" data-score="" data-bid="b_gbxqtw6x">
			          				<div>
			            				<i class="icon wish-icon"></i>
										<span class="wish-msg" data-act="wish-click">想看</span>
			          				</div>
			        			</a>
			        		</c:when>
			        		<c:otherwise>
			        			<a class="wish " data-wish="false" data-score="" data-bid="b_gbxqtw6x">
			          				<div>
			            				<i class="icon wish-icon"></i>
					              			<span class="wish-msg" data-act="wish-click">已想看</span>
			          				</div>
			        			</a>
			        		</c:otherwise>
						</c:choose>
	        			<a href="javascript:;" id="btn" class="score-btn " data-bid="b_rxxpcgwd">
				          	<div>
				            	<i class="icon score-btn-icon"></i>
				            	<span id="span_score_flag" class="score-btn-msg" data-act="comment-open-click">
				                	评分
				            	</span>
				          	</div>
					          	<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
								<script type="text/javascript">
									$("#btn").click(function(event) {
										event.preventDefault();

										layer.prompt({title: '请输入评分并确认'}, function(score, index){
								        layer.close(index);
								        $.ajax({
								            type: "POST",
								            url: "/scoreNumber",
								            data: {
								                movieId: ${requestScope.cur_film.movieId },
								                score: score
								            },
								            dataType: "json",
								            success: function (f) {
								                if (f == null) {
								                    layer.msg("评分失败")
								                }
								                else{
								                	$("#span_score_flag").html("已评分");
								                	$("#span_score").html(f.score);
								                	$("#span_number").html(f.scoreNumber);
								                }
								            }
								        });
								    });
									});
									    

								</script>
	        			</a>
	      			</div>
	        		<a class="btn buy" href="/cinemas?movieId=1212" target="_blank">特惠购票</a>
	    		</div>


			    <div class="movie-stats-container">

			        <div class="movie-index">
			          	<p class="movie-index-title">用户评分</p>
			          	<div class="movie-index-content score normal-score">
			              	<span class="index-left info-num ">
			                	<span id="span_score" class="stonefont">${requestScope.cur_film.getScore() }</span>
			              	</span>
			              	<div class="index-right">
			                	<div class="star-wrapper">
			                  		<div class="star-on" style="width:93%;"></div>
			                	</div>
			                 	<span class="score-num">
			                 		<span id="span_number" class="stonefont">${requestScope.cur_film.getScoreNumber() }</span>人评分
			                 	</span>
			              	</div>
			          	</div>
			        </div>
			        <div class="movie-index">
			        	<c:choose>
				        	<c:when test="${requestScope.cur_film.getReying() == 2}">
					          	<p class="movie-index-title">想看数</p>
					          	<div class="movie-index-content box">
					            	<span class="stonefont">${requestScope.cur_film.getWantsee() }</span>
					            	<span class="unit">人</span>
					          	</div>
				          	</c:when>
				          	<c:otherwise>
					          	<p class="movie-index-title">累计票房</p>
					          	<div class="movie-index-content box">
					            	<span class="stonefont">${requestScope.cur_film.getintpf() }</span>
					            	<span class="unit">元</span>
					          	</div>
				          	</c:otherwise>
			          	</c:choose>
			        </div>
			    </div>
	      	</div>
	    </div>
	</div>

	<div class="container" id="app">
		<div class="main-content-container clearfix">
			<div class="main-content">
			    <div class="tab-container">
				    <div class="tab-title-container clearfix">
				        <div class="tab-title" data-act="tab-desc-click">介绍</div>
				    </div> 
				    <div class="tab-desc" data-val="{tabtype:'desc'}">
						<div class="module">
						    <div class="mod-title">
						      <h3>剧情简介</h3>
						    </div>
						    <div class="mod-content">
			                    <span class="dra">
			                    	${requestScope.cur_film.getIntroduction() }
			                    </span>
						    </div>
						</div>
        			</div>
			    </div>
			</div>	
			<div class="related">
				<div class="module">
				    <div class="mod-title">
				      <h3>热门短评</h3>
				    </div>
				    <div class="mod-content">
				        <div class="comment-list-container" data-hot="10">
							<ul>
							    <li class="comment-container " data-val="{commentid:1069005847}">
								    <div class="portrait-container">
								        <div class="portrait">
								        	<img src="https://img.meituan.net/avatar/e70b64f87f8bc5864d141a24c11a702c5438.jpg@100w_100h_1e_1c" alt="">
								        </div>
								        <i class="level-3-icon"></i>
								    </div>
							      	<div class="main">
								        <div class="main-header clearfix">
									        <div class="user">
									            <span class="name">：</span>
									            <span class="tag">购</span>
									        </div>
									        <div class="time" title="2019-06-21 11:06:26">
									            <span title="2019-06-21 11:06:26">06-21</span>
									            <ul class="score-star clearfix" data-score="10">
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												</ul>
									        </div>
									        <div class="approve " data-id="1069005847">
									            <i data-act="comment-approve-click" class="approve-icon"></i><span class="num">5788</span>
									        </div>
								        </div>
							        	<div class="comment-content">把之前没看懂的情节都补上了。片尾曲特别好听</div>
							      	</div>
							    </li>
							    <li class="comment-container " data-val="{commentid:1069008614}">
								    <div class="portrait-container">
								        <div class="portrait">
								        	<img src="https://thirdwx.qlogo.cn/mmopen/ByvnqyjGticcFCzusAxUVwsDpCtSgtghZcUoWicmoEeZN1lAvkfiae6h0iaAhbtYJQnicviabHEQMyyM5CDUjVLUpFxia0liczmaRSZp/132@100w_100h_1e_1c" alt="">
								        </div>
								        <i class="level-4-icon"></i>
								    </div>
							      	<div class="main">
							        	<div class="main-header clearfix">
									        <div class="user">
									            <span class="name">哈哈</span>
									            <span class="tag">购</span>
									        </div>
							          		<div class="time" title="2019-06-21 11:36:24">
							            		<span title="2019-06-21 11:36:24">06-21</span>
							            		<ul class="score-star clearfix" data-score="10">
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												    <li>
														<i class="half-star left active"></i>
														<i class="half-star right active"></i>    
													</li>
												    <li>
														<i class="half-star left active">
														</i><i class="half-star right active"></i>    
													</li>
												</ul>
							          		</div>
									        <div class="approve " data-id="1069008614">
									            <i data-act="comment-approve-click" class="approve-icon"></i><span class="num">4245</span>
									        </div>
							        	</div>
							        	<div class="comment-content">太棒了太棒了太棒了！
										就是因为它，我才喜欢上的动画希望以后能从事相关行业
										</div>
							      	</div>
							    </li>
							</ul>
				        </div>
				        <a class="comment-entry" data-act="comment-no-content-click">写短评</a>
				    </div>
				</div>
	  		</div>	  
		</div>
	</div>



	
</body>
</html>